<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body style="width: 1200px;">
		<style type="text/css">
			.tonglan{
				width: 1200px;
				padding-left: 0px;
			}
			.tonglan a{
				background: url("http://tx97.cn/images/icon_95.png") no-repeat;
				width: 168px;
				height: 100px;
				float: left;
				padding-left: 120px;
				transition: all 0.6s;
				margin-top: 10px;
				margin-bottom: 0px;
				margin-right:10px;
				text-decoration: none;
				color: #FFF;
			}
			.tonglan a h2{
				font-size: 28px;
				line-height: 20px;
				padding: 0px;
				margin: 0px;
				padding-top: 25px;
			}
			.tonglan .one{
				background-position:10px -245px;
				background-color: #89d04f;
				border-bottom:5px solid #89d04f ;
				
			}
			.tonglan .one:hover{
				border-bottom:5px solid #56b426 ;
				margin-top: 0px;
				margin-bottom: 5px;
			}
			.tonglan .two{
				background-position:10px 5px;
				background-color: #70c3ff;
				border-bottom:5px solid #70c3ff ;
				
			}
			.tonglan .two:hover{
				border-bottom:5px solid #43a2ff ;
				margin-top: 0px;
				margin-bottom: 5px;
			}
			.tonglan .three{
				background-position:10px -75px;
				background-color: #fd6a7f;
				border-bottom:5px solid #fd6a7f ;
				
			}
			.tonglan .three:hover{
				border-bottom:5px solid #fc3e51 ;
				margin-top: 0px;
				margin-bottom: 5px;
			}
			.tonglan .four{
				background-position:10px -156px;
				background-color: #7f8ea0;
				border-bottom:5px solid #7f8ea0 ;
				margin-right: 0px;
			}
			.tonglan .four:hover{
				border-bottom:5px solid #647387 ;
				margin-top: 0px;
				margin-bottom: 5px;
			}
		</style>
		<div class="tonglan">
			<a class="one" href="#">
				<h2>关注我们</h2>
				<p>每周都有惊喜！</p>
			</a>
			<a class="two" href="#">
				<h2>高考资源</h2>
				<p>有淘学云就够了</p>
			</a><a class="three" href="#">
				<h2>视频教程视频教程视频教程视频教程</h2>
				<p>让你飞一般地学习</p>
			</a><a  class="four" href="#">
				<h2>加入Q群</h2>
				<p>与淘友们趣味学习</p>
			</a>
			
		</div>
	</body>
</html>
